<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>ajax</title>
    <%--要是jQuery，需要导入，注意点：路径问题--%>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-1.7.2.js"></script>

</head>
<body>

<script type="text/javascript">
    function a1() {

        // 所有参数
        // url：待载入页面的URL地址 .Json
        /**
         * data：待发送key/value 参数
         * data封装了服务器返回的数据
         */
        // success：载入成功时回调函数
        // dataType：返回内容格式，xml，json，script，text，html
        // status：状态

        $.ajax({
            url:"${pageContext.request.contextPath}/ajax/a1",
            data:{"name":$("txtName").val()},
            success:function (data,status) {
                console.log(data);
                console.log(status)
            }
        });

    }
</script>

<%--onblur失去焦点产生事件--%>
用户名：
<input type="text" id="txtName" onblur="a1()"/>

</body>
</html>
